<template>
    <ul className="icon_lists clear" ref="iconRef">
        <li>
            <i className="icon iconfont icon-location1"></i>
        </li>
        <li>
            <i className="icon iconfont icon-phone"></i>
        </li>
        <li>
            <i className="icon iconfont icon-pay"></i>
        </li>
        <li>
            <i className="icon iconfont icon-send"></i>
        </li>
        <li>
            <i className="icon iconfont icon-cascades"></i>
        </li>
        <li>
            <i className="icon iconfont icon-list"></i>
        </li>
        <li>
            <i className="icon iconfont icon-goods"></i>
        </li>
        <li>
            <i className="icon iconfont icon-notificationforbidfill"></i>
        </li>
        <li>
            <i className="icon iconfont icon-wo"></i>
        </li>
        <li>
            <i className="icon iconfont icon-chiping"></i>
        </li>
        <li>
            <i className="icon iconfont icon-weixin"></i>
        </li>
        <li>
            <i className="icon iconfont icon-mima"></i>
        </li>
        <li>
            <i className="icon iconfont icon-lianjie"></i>
        </li>
        <li>
            <i className="icon iconfont icon-rankfill"></i>
        </li>
        <li>
            <i className="icon iconfont icon-rank"></i>
        </li>
        <li>
            <i className="icon iconfont icon-jifen"></i>
        </li>
        <li>
            <i className="icon iconfont icon-repair"></i>
        </li>
        <li>
            <i className="icon iconfont icon-xinglieicon"></i>
        </li>
        <li>
            <i className="icon iconfont icon-gouwuche"></i>
        </li>
        <li>
            <i className="icon iconfont icon-gouwuchetianjia"></i>
        </li>
        <li>
            <i className="icon iconfont icon-shezhi"></i>
        </li>
        <li>
            <i className="icon iconfont icon-shouye2"></i>
        </li>
        <li>
            <i className="icon iconfont icon-xiala"></i>
        </li>
        <li>
            <i className="icon iconfont icon-kanguo"></i>
        </li>
        <li>
            <i className="icon iconfont icon-shezhi1"></i>
        </li>
        <li>
            <i className="icon iconfont icon-tianqi"></i>
        </li>
        <li>
            <i className="icon iconfont icon-xitongcaidan"></i>
        </li>
        <li>
            <i className="icon iconfont icon-bianji1"></i>
        </li>
        <li>
            <i className="icon iconfont icon-tixing"></i>
        </li>
        <li>
            <i className="icon iconfont icon-dangdi"></i>
        </li>
        <li>
            <i className="icon iconfont icon-tabshouqi"></i>
        </li>
        <li>
            <i className="icon iconfont icon-tabxiala"></i>
        </li>
        <li>
            <i className="icon iconfont icon-jianyuede"></i>
        </li>
        <li>
            <i className="icon iconfont icon-jingjide"></i>
        </li>
        <li>
            <i className="icon iconfont icon-shushide"></i>
        </li>
        <li>
            <i className="icon iconfont icon-gaoduande"></i>
        </li>
        <li>
            <i className="icon iconfont icon-shehuade"></i>
        </li>
        <li>
            <i className="icon iconfont icon-baoxue"></i>
        </li>
        <li>
            <i className="icon iconfont icon-baoyu"></i>
        </li>
        <li>
            <i className="icon iconfont icon-duoyun"></i>
        </li>
        <li>
            <i className="icon iconfont icon-leidian"></i>
        </li>
        <li>
            <i className="icon iconfont icon-qing"></i>
        </li>
        <li>
            <i className="icon iconfont icon-xiaoxue"></i>
        </li>
        <li>
            <i className="icon iconfont icon-xiaoyu"></i>
        </li>
        <li>
            <i className="icon iconfont icon-yin"></i>
        </li>
        <li>
            <i className="icon iconfont icon-zenyaowan"></i>
        </li>
        <li>
            <i className="icon iconfont icon-zhenxue"></i>
        </li>
        <li>
            <i className="icon iconfont icon-zhenyu"></i>
        </li>
        <li>
            <i className="icon iconfont icon-zhongxue"></i>
        </li>
        <li>
            <i className="icon iconfont icon-zhongyu"></i>
        </li>
        <li>
            <i className="icon iconfont icon-qita"></i>
        </li>
        <li>
            <i className="icon iconfont icon-fanhui"></i>
        </li>
        <li>
            <i className="icon iconfont icon-motuo"></i>
        </li>
        <li>
            <i className="icon iconfont icon-bingbao"></i>
        </li>
        <li>
            <i className="icon iconfont icon-feng"></i>
        </li>
        <li>
            <i className="icon iconfont icon-mai"></i>
        </li>
        <li>
            <i className="icon iconfont icon-wu"></i>
        </li>
        <li>
            <i className="icon iconfont icon-yuxue"></i>
        </li>
        <li>
            <i className="icon iconfont icon-shushidu"></i>
        </li>
        <li>
            <i className="icon iconfont icon-weixin1"></i>
        </li>
        <li>
            <i className="icon iconfont icon-bianji"></i>
        </li>
        <li>
            <i className="icon iconfont icon-kaiguan"></i>
        </li>
        <li>
            <i className="icon iconfont icon-shanchu1"></i>
        </li>
        <li>
            <i className="icon iconfont icon-mingpian"></i>
        </li>
        <li>
            <i className="icon iconfont icon-tianjia"></i>
        </li>
        <li>
            <i className="icon iconfont icon-sousuo"></i>
        </li>
        <li>
            <i className="icon iconfont icon-yingyongzhongxin"></i>
        </li>
        <li>
            <i className="icon iconfont icon-yonghu-yuan"></i>
        </li>
        <li>
            <i className="icon iconfont icon-yonghu"></i>
        </li>
        <li>
            <i className="icon iconfont icon-zhuyi"></i>
        </li>
        <li>
            <i className="icon iconfont icon-liebiao"></i>
        </li>
        <li>
            <i className="icon iconfont icon-wangluoxitong"></i>
        </li>
        <li>
            <i className="icon iconfont icon-neicun"></i>
        </li>
        <li>
            <i className="icon iconfont icon-wangluojiekou"></i>
        </li>
        <li>
            <i className="icon iconfont icon-IP"></i>
        </li>
        <li>
            <i className="icon iconfont icon-mokuai"></i>
        </li>
        <li>
            <i className="icon iconfont icon-shujuku"></i>
        </li>
        <li>
            <i className="icon iconfont icon-anquan"></i>
        </li>
        <li>
            <i className="icon iconfont icon-shuju01"></i>
        </li>
        <li>
            <i className="icon iconfont icon-baocun"></i>
        </li>
        <li>
            <i className="icon iconfont icon-shang"></i>
        </li>
        <li>
            <i className="icon iconfont icon-xia"></i>
        </li>
        <li>
            <i className="icon iconfont icon-zuo"></i>
        </li>
        <li>
            <i className="icon iconfont icon-peizhiguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-huanj-01"></i>
        </li>
        <li>
            <i className="icon iconfont icon-mysql-01"></i>
        </li>
        <li>
            <i className="icon iconfont icon-oracle-01"></i>
        </li>
        <li>
            <i className="icon iconfont icon-SQLshenhe"></i>
        </li>
        <li>
            <i className="icon iconfont icon-text"></i>
        </li>
        <li>
            <i className="icon iconfont icon-oceanbase-01"></i>
        </li>
        <li>
            <i className="icon iconfont icon-postgresql-01"></i>
        </li>
        <li>
            <i className="icon iconfont icon-027caozuo_jiesuo"></i>
        </li>
        <li>
            <i className="icon iconfont icon-026caozuo_suoding"></i>
        </li>
        <li>
            <i className="icon iconfont icon-yingyongchengxu-xianxing"></i>
        </li>
        <li>
            <i className="icon iconfont icon-yingyongchengxu"></i>
        </li>
        <li>
            <i className="icon iconfont icon-shezhi-xianxing"></i>
        </li>
        <li>
            <i className="icon iconfont icon-liaotianduihua"></i>
        </li>
        <li>
            <i className="icon iconfont icon-liaotianduihua-xianxing"></i>
        </li>
        <li>
            <i className="icon iconfont icon-gengduo-hengxiang"></i>
        </li>
        <li>
            <i className="icon iconfont icon-gengduo-shuxiang"></i>
        </li>
        <li>
            <i className="icon iconfont icon-shijian-xianxing"></i>
        </li>
        <li>
            <i className="icon iconfont icon-xinxi-xianxingyuankuang"></i>
        </li>
        <li>
            <i className="icon iconfont icon-xinxi-yuankuang"></i>
        </li>
        <li>
            <i className="icon iconfont icon-gantanhao-xianxingyuankuang"></i>
        </li>
        <li>
            <i className="icon iconfont icon-quanping"></i>
        </li>
        <li>
            <i className="icon iconfont icon-tuichuquanping"></i>
        </li>
        <li>
            <i className="icon iconfont icon-accessory"></i>
        </li>
        <li>
            <i className="icon iconfont icon-activity"></i>
        </li>
        <li>
            <i className="icon iconfont icon-activity_fill"></i>
        </li>
        <li>
            <i className="icon iconfont icon-addition_fill"></i>
        </li>
        <li>
            <i className="icon iconfont icon-addition"></i>
        </li>
        <li>
            <i className="icon iconfont icon-collection_fill"></i>
        </li>
        <li>
            <i className="icon iconfont icon-collection"></i>
        </li>
        <li>
            <i className="icon iconfont icon-document"></i>
        </li>
        <li>
            <i className="icon iconfont icon-document_fill"></i>
        </li>
        <li>
            <i className="icon iconfont icon-dynamic_fill"></i>
        </li>
        <li>
            <i className="icon iconfont icon-editor"></i>
        </li>
        <li>
            <i className="icon iconfont icon-homepage_fill"></i>
        </li>
        <li>
            <i className="icon iconfont icon-homepage"></i>
        </li>
        <li>
            <i className="icon iconfont icon-interactive"></i>
        </li>
        <li>
            <i className="icon iconfont icon-mail"></i>
        </li>
        <li>
            <i className="icon iconfont icon-message"></i>
        </li>
        <li>
            <i className="icon iconfont icon-order"></i>
        </li>
        <li>
            <i className="icon iconfont icon-qrcode"></i>
        </li>
        <li>
            <i className="icon iconfont icon-select_fill"></i>
        </li>
        <li>
            <i className="icon iconfont icon-systemprompt_fill"></i>
        </li>
        <li>
            <i className="icon iconfont icon-systemprompt"></i>
        </li>
        <li>
            <i className="icon iconfont icon-warning_fill"></i>
        </li>
        <li>
            <i className="icon iconfont icon-warning"></i>
        </li>
        <li>
            <i className="icon iconfont icon-zhekou"></i>
        </li>
        <li>
            <i className="icon iconfont icon-dianpu"></i>
        </li>
        <li>
            <i className="icon iconfont icon-dingdanchulizhong"></i>
        </li>
        <li>
            <i className="icon iconfont icon-dingdandaifukuan"></i>
        </li>
        <li>
            <i className="icon iconfont icon-dingdan1"></i>
        </li>
        <li>
            <i className="icon iconfont icon-dingdanjihe"></i>
        </li>
        <li>
            <i className="icon iconfont icon-faxian"></i>
        </li>
        <li>
            <i className="icon iconfont icon-dingdanyichenggong"></i>
        </li>
        <li>
            <i className="icon iconfont icon-gouwu"></i>
        </li>
        <li>
            <i className="icon iconfont icon-gouwuche1"></i>
        </li>
        <li>
            <i className="icon iconfont icon-jipiao"></i>
        </li>
        <li>
            <i className="icon iconfont icon-qichepiao"></i>
        </li>
        <li>
            <i className="icon iconfont icon-qianzheng"></i>
        </li>
        <li>
            <i className="icon iconfont icon-shibai"></i>
        </li>
        <li>
            <i className="icon iconfont icon-qiehuan"></i>
        </li>
        <li>
            <i className="icon iconfont icon-shijian"></i>
        </li>
        <li>
            <i className="icon iconfont icon-search"></i>
        </li>
        <li>
            <i className="icon iconfont icon-shop_fill"></i>
        </li>
        <li>
            <i className="icon iconfont icon-wode"></i>
        </li>
        <li>
            <i className="icon iconfont icon-shouye1"></i>
        </li>
        <li>
            <i className="icon iconfont icon-weishiyong"></i>
        </li>
        <li>
            <i className="icon iconfont icon-pingjia"></i>
        </li>
        <li>
            <i className="icon iconfont icon-qiandao1"></i>
        </li>
        <li>
            <i className="icon iconfont icon-zhuanchu"></i>
        </li>
        <li>
            <i className="icon iconfont icon-zhuanru"></i>
        </li>
        <li>
            <i className="icon iconfont icon-shouhuodizhiyebianji"></i>
        </li>
        <li>
            <i className="icon iconfont icon-dingdan"></i>
        </li>
        <li>
            <i className="icon iconfont icon-youhuiquan"></i>
        </li>
        <li>
            <i className="icon iconfont icon-huanyihuan"></i>
        </li>
        <li>
            <i className="icon iconfont icon-questions"></i>
        </li>
        <li>
            <i className="icon iconfont icon-supply"></i>
        </li>
        <li>
            <i className="icon iconfont icon-remen"></i>
        </li>
        <li>
            <i className="icon iconfont icon-alipay"></i>
        </li>
        <li>
            <i className="icon iconfont icon-yishouquan"></i>
        </li>
        <li>
            <i className="icon iconfont icon-yingyongguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-Microsoft-Excel"></i>
        </li>
        <li>
            <i className="icon iconfont icon-Microsoft-Onenote"></i>
        </li>
        <li>
            <i className="icon iconfont icon-Microsoft-Outlook"></i>
        </li>
        <li>
            <i className="icon iconfont icon-Microsoft-Powerpoint"></i>
        </li>
        <li>
            <i className="icon iconfont icon-Microsoft-Word"></i>
        </li>
        <li>
            <i className="icon iconfont icon-guanbi"></i>
        </li>
        <li>
            <i className="icon iconfont icon-icon_tianjia"></i>
        </li>
        <li>
            <i className="icon iconfont icon-guize"></i>
        </li>
        <li>
            <i className="icon iconfont icon-zuzhiqunzu"></i>
        </li>
        <li>
            <i className="icon iconfont icon-dakai"></i>
        </li>
        <li>
            <i className="icon iconfont icon-location"></i>
        </li>
        <li>
            <i className="icon iconfont icon-edit-square"></i>
        </li>
        <li>
            <i className="icon iconfont icon-appstore"></i>
        </li>
        <li>
            <i className="icon iconfont icon-audit"></i>
        </li>
        <li>
            <i className="icon iconfont icon-folder"></i>
        </li>
        <li>
            <i className="icon iconfont icon-folder-open"></i>
        </li>
        <li>
            <i className="icon iconfont icon-folder-add"></i>
        </li>
        <li>
            <i className="icon iconfont icon-calendar"></i>
        </li>
        <li>
            <i className="icon iconfont icon-scan"></i>
        </li>
        <li>
            <i className="icon iconfont icon-block"></i>
        </li>
        <li>
            <i className="icon iconfont icon-menu"></i>
        </li>
        <li>
            <i className="icon iconfont icon-kaiqi"></i>
        </li>
        <li>
            <i className="icon iconfont icon-danxuanweixuanzhong"></i>
        </li>
        <li>
            <i className="icon iconfont icon-danxuanxuanzhong"></i>
        </li>
        <li>
            <i className="icon iconfont icon-tingzhi"></i>
        </li>
        <li>
            <i className="icon iconfont icon-shouye"></i>
        </li>
        <li>
            <i className="icon iconfont icon-jiazai_shuaxin"></i>
        </li>
        <li>
            <i className="icon iconfont icon-jinggao"></i>
        </li>
        <li>
            <i className="icon iconfont icon-quanjushezhi"></i>
        </li>
        <li>
            <i className="icon iconfont icon-qiandao"></i>
        </li>
        <li>
            <i className="icon iconfont icon-daibanrenwu_quxiao"></i>
        </li>
        <li>
            <i className="icon iconfont icon-daibanrenwu"></i>
        </li>
        <li>
            <i className="icon iconfont icon-baoguo_dabao"></i>
        </li>
        <li>
            <i className="icon iconfont icon-baoguo_huanbaohe"></i>
        </li>
        <li>
            <i className="icon iconfont icon-baoguo_dakai"></i>
        </li>
        <li>
            <i className="icon iconfont icon-baoguo_hezi"></i>
        </li>
        <li>
            <i className="icon iconfont icon-baoguo_lingjian"></i>
        </li>
        <li>
            <i className="icon iconfont icon-baoguo_shounahe"></i>
        </li>
        <li>
            <i className="icon iconfont icon-baoguo_tihuoduanxin"></i>
        </li>
        <li>
            <i className="icon iconfont icon-baoguo_quxiaoshouhuo"></i>
        </li>
        <li>
            <i className="icon iconfont icon-baoguo_shouhuo"></i>
        </li>
        <li>
            <i className="icon iconfont icon-baoguo_yidong"></i>
        </li>
        <li>
            <i className="icon iconfont icon-che"></i>
        </li>
        <li>
            <i className="icon iconfont icon-didiandingwei"></i>
        </li>
        <li>
            <i className="icon iconfont icon-baoguo_fahuo"></i>
        </li>
        <li>
            <i className="icon iconfont icon-kefu"></i>
        </li>
        <li>
            <i className="icon iconfont icon-alipay1"></i>
        </li>
        <li>
            <i className="icon iconfont icon-sousuobianxiao"></i>
        </li>
        <li>
            <i className="icon iconfont icon-sousuofangda"></i>
        </li>
        <li>
            <i className="icon iconfont icon-dingwei"></i>
        </li>
        <li>
            <i className="icon iconfont icon-wulumuqishigongandashujuguanlipingtai-ico-"></i>
        </li>
        <li>
            <i className="icon iconfont icon-wulumuqishigongandashujuguanlipingtai-ico-1"></i>
        </li>
        <li>
            <i className="icon iconfont icon-wulumuqishigongandashujuguanlipingtai-ico-2"></i>
        </li>
        <li>
            <i className="icon iconfont icon-wulumuqishigongandashujuguanlipingtai-ico-3"></i>
        </li>
        <li>
            <i className="icon iconfont icon-wulumuqishigongandashujuguanlipingtai-ico-4"></i>
        </li>
        <li>
            <i className="icon iconfont icon-wulumuqishigongandashujuguanlipingtai-ico-5"></i>
        </li>
        <li>
            <i className="icon iconfont icon-dashujukeshihuaico-2"></i>
        </li>
        <li>
            <i className="icon iconfont icon-dashujukeshihuaico-"></i>
        </li>
        <li>
            <i className="icon iconfont icon-dashujukeshihuaico-1"></i>
        </li>
        <li>
            <i className="icon iconfont icon-dashujukeshihuaico-3"></i>
        </li>
        <li>
            <i className="icon iconfont icon-dashujukeshihuaico-4"></i>
        </li>
        <li>
            <i className="icon iconfont icon-dashujukeshihuaico-5"></i>
        </li>
        <li>
            <i className="icon iconfont icon-dashujukeshihuaico-6"></i>
        </li>
        <li>
            <i className="icon iconfont icon-dashujukeshihuaico-7"></i>
        </li>
        <li>
            <i className="icon iconfont icon-chaxun"></i>
        </li>
        <li>
            <i className="icon iconfont icon-shanchu"></i>
        </li>
        <li>
            <i className="icon iconfont icon-ico-"></i>
        </li>
        <li>
            <i className="icon iconfont icon-Openedfolder"></i>
        </li>
        <li>
            <i className="icon iconfont icon-Linkedfolder"></i>
        </li>
        <li>
            <i className="icon iconfont icon-Document"></i>
        </li>
        <li>
            <i className="icon iconfont icon-Model"></i>
        </li>
        <li>
            <i className="icon iconfont icon-Png"></i>
        </li>
        <li>
            <i className="icon iconfont icon-Jpg"></i>
        </li>
        <li>
            <i className="icon iconfont icon-Npy"></i>
        </li>
        <li>
            <i className="icon iconfont icon-segi-icon-caret-left"></i>
        </li>
        <li>
            <i className="icon iconfont icon-segi-icon-caret-bott"></i>
        </li>
        <li>
            <i className="icon iconfont icon-segi-icon-caret-top"></i>
        </li>
        <li>
            <i className="icon iconfont icon-segi-icon-copy"></i>
        </li>
        <li>
            <i className="icon iconfont icon-segi-icon-d-caret"></i>
        </li>
        <li>
            <i className="icon iconfont icon-mnus"></i>
        </li>
        <li>
            <i className="icon iconfont icon-ico-1"></i>
        </li>
        <li>
            <i className="icon iconfont icon-ico-2"></i>
        </li>
        <li>
            <i className="icon iconfont icon-ico-3"></i>
        </li>
        <li>
            <i className="icon iconfont icon-fanhui1"></i>
        </li>
        <li>
            <i className="icon iconfont icon-jinru"></i>
        </li>
        <li>
            <i className="icon iconfont icon-icon_paging_left"></i>
        </li>
        <li>
            <i className="icon iconfont icon-icon_paging_right"></i>
        </li>
        <li>
            <i className="icon iconfont icon-buhuodanguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-chukudanguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-caigouruku"></i>
        </li>
        <li>
            <i className="icon iconfont icon-caigouguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-gongyingshangguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-cangkuguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-kucunpanyingkuiguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-qudaoshangguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-qinggouguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-guanggaoguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-shangpinguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-shouhuodingdanguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-shouhuojicang"></i>
        </li>
        <li>
            <i className="icon iconfont icon-shouhuojixinghaoguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-taocanguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-tuiguangyuanguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-tiaobodanguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-shouhuojiguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-tuihuoguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-xiaofeizheguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-yiyuanguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-yuangongguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-youhuiquanguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-cangkuguanli1"></i>
        </li>
        <li>
            <i className="icon iconfont icon-buhuochuhuo"></i>
        </li>
        <li>
            <i className="icon iconfont icon-changsuoguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-pandianguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-shangpinguanli1"></i>
        </li>
        <li>
            <i className="icon iconfont icon-caigouguanli1"></i>
        </li>
        <li>
            <i className="icon iconfont icon-tiaoboguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-shouhuoguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-yonghuguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-yingxiaoguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-zhifuweikuan"></i>
        </li>
        <li>
            <i className="icon iconfont icon-zhifushoukuan"></i>
        </li>
        <li>
            <i className="icon iconfont icon-renzhengshenhe"></i>
        </li>
        <li>
            <i className="icon iconfont icon-wancheng"></i>
        </li>
        <li>
            <i className="icon iconfont icon-chuzheng"></i>
        </li>
        <li>
            <i className="icon iconfont icon-youjiantou"></i>
        </li>
        <li>
            <i className="icon iconfont icon-zuojiantou"></i>
        </li>
        <li>
            <i className="icon iconfont icon-shangjiantou"></i>
        </li>
        <li>
            <i className="icon iconfont icon-xiajiantou"></i>
        </li>
        <li>
            <i className="icon iconfont icon-zizhirenzheng"></i>
        </li>
        <li>
            <i className="icon iconfont icon-tixirenzheng"></i>
        </li>
        <li>
            <i className="icon iconfont icon-guotuirenzheng"></i>
        </li>
        <li>
            <i className="icon iconfont icon-daiqianyue"></i>
        </li>
        <li>
            <i className="icon iconfont icon-renzhengpeixun"></i>
        </li>
        <li>
            <i className="icon iconfont icon-daifukuan"></i>
        </li>
        <li>
            <i className="icon iconfont icon-daifuweikuan"></i>
        </li>
        <li>
            <i className="icon iconfont icon-doc"></i>
        </li>
        <li>
            <i className="icon iconfont icon-Adobepsd"></i>
        </li>
        <li>
            <i className="icon iconfont icon-zip"></i>
        </li>
        <li>
            <i className="icon iconfont icon-chaxun1"></i>
        </li>
        <li>
            <i className="icon iconfont icon-chakanxiangqing"></i>
        </li>
        <li>
            <i className="icon iconfont icon-tiaoduguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-caozuorizhiguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-jigouguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-jihuaguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-jiaoseguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-quanxianguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-pindupeizhi"></i>
        </li>
        <li>
            <i className="icon iconfont icon-riliguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-rizhishezhi"></i>
        </li>
        <li>
            <i className="icon iconfont icon-shanchu2"></i>
        </li>
        <li>
            <i className="icon iconfont icon-shouye3"></i>
        </li>
        <li>
            <i className="icon iconfont icon-shujuyuanguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-shijianpeizhi"></i>
        </li>
        <li>
            <i className="icon iconfont icon-tixing1"></i>
        </li>
        <li>
            <i className="icon iconfont icon-xitongpeizhi"></i>
        </li>
        <li>
            <i className="icon iconfont icon-xitongguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-xiaoxishezhi"></i>
        </li>
        <li>
            <i className="icon iconfont icon-xinjian"></i>
        </li>
        <li>
            <i className="icon iconfont icon-yonghuguanli1"></i>
        </li>
        <li>
            <i className="icon iconfont icon-zhongzhi"></i>
        </li>
        <li>
            <i className="icon iconfont icon-xiugai"></i>
        </li>
        <li>
            <i className="icon iconfont icon-fenzu"></i>
        </li>
        <li>
            <i className="icon iconfont icon-jiami"></i>
        </li>
        <li>
            <i className="icon iconfont icon-zhihuan"></i>
        </li>
        <li>
            <i className="icon iconfont icon-daiwoqian"></i>
        </li>
        <li>
            <i className="icon iconfont icon-daitarenqian"></i>
        </li>
        <li>
            <i className="icon iconfont icon-caogaoxiang"></i>
        </li>
        <li>
            <i className="icon iconfont icon-wenjianjia"></i>
        </li>
        <li>
            <i className="icon iconfont icon-erjiyonghuguanli"></i>
        </li>
        <li>
            <i className="icon iconfont icon-mima1"></i>
        </li>
        <li>
            <i className="icon iconfont icon-tuandui"></i>
        </li>
        <li>
            <i className="icon iconfont icon-tuichu"></i>
        </li>
        <div className="clear"></div>
    </ul>
</template>
<script>
    export default {
        name: 'icon',
        mounted(){
            const self = this;
            let perItem;
            this.$refs.iconRef.querySelectorAll("li").forEach(item => {
                item.addEventListener('click', function(e){
                    perItem && perItem.removeAttribute("class");
                    e.preventDefault();
                    e.stopPropagation();
                    e.currentTarget.setAttribute("class", "select");
                    self.$emit('clickIcon', e.currentTarget.innerHTML);
                    perItem = e.currentTarget;
                })
            })
        },
    }
</script>
<style scoped lang="scss">
    @import "../../iconfont/iconfont.css";

    .icon_lists{
        display: flex;
        flex-wrap: wrap;
    }
    .icon_lists li {
        padding: 2px 8px 2px 8px;
        cursor: pointer;
        list-style: none;
        position: relative;

    }

    .icon_lists li i {
        font-size: 20px;
    }
    .clear{
        clear: both;
    }
    .select {
        color: #2db42d;
        border: 1px solid #2db42d;
        border-radius: 5px;
    }
</style>
